<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>主页</title>
    <meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">

    <!-- Loading Bootstrap -->
    <link href="${basePath}/css/bootstrap.min.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="${basePath}/css/flat-ui.min.css" rel="stylesheet">
    <link href="${basePath}/css/demo.css" rel="stylesheet">

    <link rel="shortcut icon" href="img/favicon.ico">
    <script src="${basePath}/js/jquery.min.js"></script>
    <script src="${basePath}/js/flat-ui.min.js"></script>
    <script src="${basePath}/js/application.js"></script>
  </head>
  <body>
    <style>
      body {
        min-height: 2000px;
        padding-top: 70px;
        background-color: #ededef;
      }
    </style>

    <!-- Static navbar -->
    <div class="collapse navbar-collapse  navbar-fixed-top navbar-inverse navbar-embossed navbar-lg" role="navigation">
      <div class="container">
        <div class="nav navbar-nav  navbar-left">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
          </button>
          <img src="img/title.png" style="margin-top:20px;">
        </div>
        <div class="nav navbar-nav  navbar-right">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">首页<span class="navbar-new">2</span></a></li>
            <li><a href="">浏览</a><span class="navbar-new">2</span></li>
            <li><a href="">APP</a></li>
            <li><a href="">ins备份</a></li>
            <li><a href="">ART</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">更多 <b class="caret"></b></a>
              <ul class="dropdown-menu" style="width:250px;">
                <li><a href="#"><span class="fui-gear"></span>  &nbsp;&nbsp;&nbsp;账号设置</a></li>
                <li class="divider"></li>
                <li><a href="#">寻找好友</a></li>
                <li class="divider"></li>
                <li><a href="#">导入导出</a></li>
                <li class="divider"></li>
                <li><a href="#">移动客户端</a></li>
              </ul>
            </li>
          </ul>
          <form class="navbar-form navbar-left" action="#" role="search">
            <div class="input-group input-group-sm input-group-rounded">
             <span class="input-group-btn">
              <button type="submit" class="btn"><span class="fui-search"></span></button>
             </span>
             <input type="text" class="form-control" placeholder="搜索标签、人" id="search-query-2" style="width:200px;">
            </div>
          </form>
        </div><!--/.nav-collapse -->
      </div>
    </div>


    <div class="container" style="margin-top:40px;">
      <div class="row">
        <div class="col-xs-9">
          <div class="btn-group" role="group" aria-label="..." style="margin-bottom:20px;">
            <button  class="btn btn-hg btn-default mrs" style="width:110px;height:110px;" data-placement="top" data-toggle="tooltip" title="上传头像">
             <img src="img/perIcon.png">
            </button>
            <button  class="btn btn-hg btn-primary" style="width:140px;height:110px;">
              <img src="img/fontIcon.png"><p>文字</p>
            </button>
            <button  class="btn btn-hg btn-info" style="width:140px;height:110px;">
              <img src="img/picIcon.png"><p>图片</p>
            </button>
            <button  class="btn btn-hg btn-warning" style="width:140px;height:110px;">
              <img src="img/musicIcon.png"><p>音乐</p>
            </button>
            <button  class="btn btn-hg btn-danger" style="width:140px;height:110px;">
              <img src="img/videoIcon.png"><p>视频</p>
            </button>
          </div>
        </div>
        <div class="col-xs-3">
          <div class="tile" style="background-color:white;">
            <img src="img/dog.jpg" alt="Compas" class="tile-image big-illustration img-circle">
            <h3 class="tile-title">稻草人</h3>
            <p>人生最大的快乐就是做人们说你做不到的事情。</p>
            <a class="btn btn-primary btn-large btn-block" href="http://designmodo.com/flat">我的资料</a>
          </div>
          <div class="list-group">
            <a class="list-group-item" href="#"><span class="badge">14</span>
             <span class="fui-list-thumbnailed"></span> 文章</a>
            <a class="list-group-item" href="#">
             <span class="fui-google-plus"></span>
            <span class="badge">31</span> 邮件</a>
          </div>
        </div>
      </div>
    </div>

  </body>
</html>
